<!DOCTYPE html>
<html lang="en" style="height: 100vh;">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<script src="../assets/flexible/flexible.debug.js"></script>
	<script src="../assets/flexible/flexible_css.debug.js"></script>
	<link rel="stylesheet" href="../css/tou2.css">
	<link rel="stylesheet" href="../css/chongzhi.css">
	<link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="../css/swiper.min.css">
</head>
<body style="height: 100%;">
	
	<header class="header">
		<a href="shouye.html" class="left"><img src="../images/zuo.png" alt=""></a>
		<div class="swiper-container center">
			<div class="swiper-wrapper center_1">
				<p class="swiper-slide active_p" id="p_1">充话费</p>
				<p class="swiper-slide" id="p_2">充流量</p>
			</div>
		</div>
		<div class="right"></div>
	</header>

	<div class="swiper-container bottom">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="chongzhi">
					<div class="number">
						<input type="text" placeholder="手机号码（移动、联通、电信）">
						<span class="sps"></span>
					</div>
					<p class="place"></p>
				</div>

				<div class="items">
					<div class="prices">
						<div class="price">￥30</div>
						<div class="price active_price">￥50</div>
						<div class="price">￥100</div>
						<div class="price">￥200</div>
						<div class="price">￥300</div>
					</div>
					<p class="notice">暂不支持该号码充值</p>
				</div>

				<div class="zhifu">
					<p>支付宝</p>
					<figure class="cek">
						<img src="../images/cek.png" alt="">
					</figure>
				</div>

				<input type="button" class="btn" value="立即支付">
				<div class="care">充值注意事项</div>
			</div>
            <div class="swiper-slide">
                <div class="chongzhi">
					<div class="number">
						<input type="text" placeholder="手机号码（移动、联通、电信）">
						<span class="sps"></span>
					</div>
					<p class="place"></p>
				</div>

				<div class="items">
					<div class="prices">
						<div class="price active_price">50M</div>
						<div class="price">200M</div>
					</div>
					<p class="notice">暂不支持该号码充值</p>
				</div>

				<div class="zhifu">
					<p>支付宝</p>
					<figure class="cek">
						<img src="../images/cek.png" alt="">
					</figure>
				</div>

				<input type="button" class="btn" value="立即支付">
				<div class="care">充值注意事项</div>
			</div>
        </div>
    </div>

	


	<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="../assets/swiper/js/swiper.jquery.min.js"></script>
	<script src="../js/chongzhi.js"></script>


	
</body>
</html>